<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/self.css">
</head>
<body>
<div class="banner">
    <div class="vip">
        <!--头部区域-->
        <div class="header">
            <a href="#" class="h-logo"><img src="/images/logo.png" alt=""/></a>
            <div class="h-nav-vip">
                <p>羊城会员中心</p>
            </div>
            <div class="h-tel">
                <p class="on active">
                    <a href="index.html">返回首页&nbsp</a>
                    <a href="JavaScript:void(0)" class="logout">&nbsp退出登录</a>
                </p>
                <p class="off vip-off">
                    <a href="index.html">返回首页&nbsp</a>
                    <a href="login.html">&nbsp&nbsp登录</a>
                </p>
            </div>
        </div>

        <form class="m-form on-form active" name="loginForm" autocomplete="off">
            <legend>个人资料</legend>
            <fieldset>
                <p class="msg" id="message"></p>
                <div class="txt">
                    <label for="name">用户名：</label>
                    <input id="name" disabled name="username" class="u-txt"><br/>
                </div>
                <div class="txt">
                    <label for="nick">昵　称：</label>
                    <input id="nick" name="nick" type="text" class="u-txt" maxlength="8" minlength="1" required><br/>
                </div>
                <div class="txt">
                    <label for="age">年　龄：</label>
                    <input id="age" name="age" type="number" class="u-txt"><br/>
                </div>
                <div class="txt">
                    <label for="gender">性　别：</label>
                    <select id="gender" name="gender" class="u-txt">
                        <option value="">请选择</option>
                        <option value="男">男</option>
                        <option value="女">女</option>
                    </select>
                    <br/>
                </div>
                <p class="register-text">
                     <a href="repassword.html">修改密码</a>
                </p>
                <div>
                    <button name="loginBtn" class="btn" id="btn">提　交</button>
                </div>
            </fieldset>
        </form>
        <form class="m-form off-form" name="loginForm" autocomplete="off">
            <legend>无法查看</legend>
            <fieldset>
                <p>你还没有登录，请前往登录...</p>
            </fieldset>
        </form>
        <script src="../../jquery-3.6.0.js"></script>
        <script src="../js/self.js"></script>
    </div>
</div>
</body>
</html>